@import '../../../css/flexFix';
.code-page-analysis-container
    .code-page-analysis-header, .analysis-feature, .analysis-charts-body, .analysis-distribute
        background-color #fff
        padding 10px 20px
    .code-page-analysis-header
        .search-container
            margin 10px 0
            .business-selector
                min-width 21%
            .business-label
                margin 0px 14px
            .ant-form-item
                width 100%
            .ant-form-item-with-help
                margin-bottom 0
            .env-select
                width 90%
            .ant-row
                margin-bottom: 8px;

        .btn-group
            text-align right
            margin-top 10px
            button
                margin-right 10px
    .analysis-feature
        display flex
        background-color #fff
        margin-top 15px
        justify-content space-around
        .feature-item
            flex-grow 1
            margin 10px 5px
            border 1px solid #eee
            padding 20px 1px 20px 10px
            box-shadow 0 2px 11px 0 rgba(190,202,218,.17)
            transition all 0.5s
            .text-center
                text-align center
            h5
                margin 10px 0
            h2
                font-weight 500
                font-size 40px
                margin 5px 0
                display inline-block
            h3
                display inline-block
            .font-12
                font-size 12px
                font-weight 200
            .anticon-caret-up
                color #cf1322
            .anticon-caret-down
                color #3f8600
             &:hover
                border 1px solid #cf1322
                transform scale(1.05)
                .pv
                    margin-left: 15px
                    visibility visible
                    color: rgba(0,0,0,0.65)
                    font-weight: 200
        .border-arrow-up
            .upOrdownfont
                color #cf1322
        .pv
            visibility hidden
        .border-arrow-down
            .upOrdownfont
                color #3f8600

    .analysis-charts-body
        .chart-option
            overflow hidden
            .expand-btn
                color #528ff2
                cursor pointer
                margin 10px 0px
                float left
            .float-r
                float right
        .overText
            overflow hidden
            text-overflow ellipsis
            white-space nowrap
            display inline-block
            max-width 400px
            @media screen and (max-width: 1450px)
                max-width 150px
    .title
        font-size 18px
        font-weight 600
    .line{
        border: 0;
        height: 0.01rem;
        background-color: #aaa;
        margin: 0.15rem 0;
        }
    .anticon-question-circle
            margin-left 10px
    .duration-selector
        margin-left 20px
    .m-5
        margin 10px
    .trend-body
    #trend-charts
    #distribution-charts
    .distribution-body
        height 450px

.analysisPopover
    z-index: 2000
    .ant-popover-inner-content
        background-color #595959
        color #fff
    &.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow, 
    &.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow, 
    &.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow,
    &.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
    &.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
    &.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow
        border-color: #595959

        